<template>
  <div class="box">
    <!-- <el-breadcrumb separator="/">
      <el-breadcrumb-item 
        v-for="(item, index) in $route.path.split('/')" 
        :key="index" >
        {{ item }}
        </el-breadcrumb-item>
    </el-breadcrumb> -->

    <!-- <el-breadcrumb separator="/">
      <el-breadcrumb-item 
        v-for="(item, index) in $route.meta.title" 
        :key="index" >
        {{ item }}
        </el-breadcrumb-item>
    </el-breadcrumb> -->

    <!-- 字典 -->
    <el-breadcrumb separator="/">
      <el-breadcrumb-item
        v-for="(item, index) in $route.path.split('/')"
        :key="index"
      >
        {{ dir[item] }}
      </el-breadcrumb-item>
    </el-breadcrumb>
    <router-view />
  </div>
</template>

<script>
import dir from '@/utils/code'
export default {
  created() {
    console.log(this.$route);
  },
  data() {
    return {
      dir
    }
  }
};
</script>

<style scoped>
.box {
  padding: 24px;
  display: flex;
  flex-direction: column;
  flex: auto;
  background: #fff;
  min-height: 0;
}
</style>